.page {
	background-color: #f5f5f5;
	min-height: 100vh;
	padding-bottom: 60rpx;
	box-sizing: border-box
	/* #ifdef H5 */
	 min-height: calc(100vh - 44px - env(safe-area-inset-top))
	/* #endif */
}
.search {
	padding: 20rpx;
	box-sizing: border-box;
	position: sticky;
	top: 0;
	z-index: 99;
	background-color: #ffffff;
	/* #ifdef H5 */
	top: calc(44px + env(safe-area-inset-top));
	/* #endif */
}
.card {
	background-color: #ffffff;
	margin-top: 20rpx;
}
.title {
	padding: 20rpx;
	box-sizing: border-box;
	&_label {
		font-size: 28rpx;
		color: #000000;
		font-weight: 700;
	}
}
.search-tag {
	padding: 20rpx;
	box-sizing: border-box;
	&_item {
		border: 1rpx solid #cccccc;
		border-radius: 8rpx;
		padding: 4rpx 10rpx;
		color: #999999;
		font-size: 28rpx;
		margin-bottom: 20rpx;
		margin-right: 20rpx;
	}
}
.search-list {
	position: fixed;
	top: 114rpx;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ffffff;
	z-index: 99;
	padding-top: 20rpx;
	box-sizing: border-box;
	&_scroll {
		height: calc(100vh - 180rpx);
	}
	&_item {
		padding-left: 20rpx;
		padding-right: 20rpx;
		box-sizing: border-box;
		font-size: 28rpx;
		color: #000000;
		line-height: 70rpx;
		height: 70rpx;
	}
}
.nav {
	height: 80rpx;
	background-color: #ffffff;
	&_item {
		height: 100%;
		&_label {
			font-size: 28rpx;
			color: #000000;
			font-weight: 700;
		}
		&_active {
			color: #E81526;
		}
	}
}
.list-box {
	padding-left: 10rpx;
	padding-right: 10rpx;
	padding-top: 10rpx;
	box-sizing: border-box;
}